<template>
  <div>
    <Title2 title="监控画面"></Title2>
    <div class="right_item">
      <div v-for="(item, index) in datas" :key="index">
        <img :src="item.dutySituation_img" alt="" />
      </div>
    </div>
  </div>
</template>

<script setup>
import Title2 from '../commont/Title2.vue'
import { gethua } from '../../request/index'
import { onMounted, reactive, ref } from 'vue'
const datas = ref([])
onMounted(() => {
  gethua().then((res) => {
    // console.log(res)
    datas.value = res.data.data.result[0]
    // console.log(datas.value)
  })
})
</script>

<style scoped lang='scss'>
.right_item {
  margin-top: 10px;
  width: 100%;
  height: 790px;
  background: #0c1d5f;
  div {
    width: 100%;
    height: 180px;
    margin: 15px 0px;
    background: #fcc;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>